<template>
    <view>
        <view class="main">
            <view class="list">
                <view class="li" v-for="(item,index) in list" :key="index" @click="$common.go(1,`/pages/user/feedDetail?id=${item.id}`)">
                    <view class="fl">
                        {{item.type}}
                        <text v-if="item.status == 3">已回复</text>
                        <text class="full" v-else>
                            未回复
                        </text>

                    </view>
                    <view class="fr">
                        {{item.updated_at}}
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                list:[]
            }
        },
        onLoad() {
            this.feedbackListsFun();
        },
        methods: {
            feedbackListsFun(){
                this.globalajax('feedbackLists',{
                    source:2
                },'GET',res => {
                    this.list = res.data.data;
                })
            }
        }
    }
</script>
<style>
    page{
        background: #f5f5f5;
    }
</style>
<style lang="scss" scoped>
    .main{
        padding: 25rpx;
        .list{
            .li{
                background: #fff;
                padding: 25rpx;
                border-radius: 12rpx;
                display: flex;
                align-content: center;
                justify-content: space-between;
                .fl{
                    font-size: 28rpx;
                    color: #222;
                    display: flex;
                    align-content: center;
                    text{
                        height: 40rpx;
                        display: flex;
                        align-content: center;
                        justify-content: center;
                        padding: 0 20rpx;
                        border-radius: 10rpx;
                        border: 1px solid #418AFF;
                        color: #418AFF;
                        font-size: 24rpx;
                        margin-left: 15rpx;
                        /*box-sizing: border-box;*/
                        &.full{
                            background: #418AFF;
                            color: #fff;
                        }
                    }
                }
                .fr{
                    font-size: 24rpx;
                    color: #888;
                }
            }
        }
    }
</style>
